<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>添加Baby信息</title>
<script type="text/javascript" src="/Public/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/Public/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/Public/js/lazyload.js"></script>
<script type="text/javascript" src="/artDialog/artDialog.source.js?skin=default" charset="utf-8"></script>
<script type="text/javascript" src="/Public/js/jquery.ae.image.resize.min.js"></script>
<script type="text/javascript" src="/Public/js/province_city_county.js"></script>
<script type="text/javascript" src="/Public/bootstrap/js/bootstrap-datepicker.js"></script>

<!--<script type="text/javascript" src="/Public/js/jquery.tooltip.js"></script>
--><link rel="stylesheet" href="/Public/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/Public/bootstrap/css/datepicker.css">
<link rel="stylesheet" href="/theme/default/css/common.css">
<link rel="stylesheet" href="/theme/default/css/facesbaby-theme.css">
<!--   <link rel="stylesheet" type="text/css" href="/Public/bootstrap/css/bootstrap-ie6.css">-->

  <!--[if lte IE 6]>
  <link rel="stylesheet" type="text/css" href="/Public/bootstrap/css/bootstrap-ie6.css">
  <![endif]-->
  <!--[if lte IE 7]>
  <link rel="stylesheet" type="text/css" href="/Public/bootstrap/css/ie.css">
  <![endif]-->
<script type="text/javascript">
function preOption(val){
	if(val==1){
	//已出生
		$('#borndate_group').show();
	}else if(val==2){
	//怀孕中
		$('#borndate_group').hide();
	}
}
</script>
</head>

<body>

<div class="container">
<include file="./template/default/Public/header.html" />
</div>  

    <div class="container main">
      <div class="row-fluid">
        <div class="span3">
          <include file="./template/default/Public/sidebar.html" />
        </div><!--/span-->
        <div class="content span9">
          
          <div class="well">
          	<div class="page-header"><h3>添加Baby信息</h3></div>
<div class="tab-content" style="background:#fff;">
<form class="form-horizontal" action="/index.php?s=/Home/Baby/doAdd" method="post" id="fb_form">
	
	<div class="tab-pane active">


<fieldset>
<div id="fb_info_wrap">
<div class="clearfix tab-content" id="fb_info">
          <div class="control-group">
            <label class="control-label" for="fb_name">宝宝目前</label>
            <div class="controls">
              <select name="fb_pregnant" id="fb_pregnant" onChange="preOption(this.options[this.selectedIndex].value)">
              <option value="1" selected>已出生</option>
              <option value="2">怀孕中</option>
              </select>
            </div>
          </div>
		  
         
         <div class="control-group">
            <label class="control-label" for="fb_nickname">宝宝昵名</label>
            <div class="controls">
              <input type="text" class="input-xlarge" id="fb_nickname" value="" name="fb_nickname">
              <p class="help-block">
	      </p>
            </div>
          </div>
          	
          <div class="control-group">
            <label class="control-label" for="fb_name">宝宝姓名</label>
            <div class="controls">
              <input type="text" class="input-xlarge" id="fb_name" name="fb_name" value="">
              <p class="help-block">
		
	      </p>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="fb_sex_1"><i>*</i>宝宝性别</label>
            <div class="controls">
             <label class="radio"><input type="radio" name="fb_sex" id="fb_sex_1" value="1" />男孩</label>
              <label class="radio"><input type="radio" name="fb_sex" id="fb_sex_0" value="0" />女孩</label>
              <label class="radio"><input type="radio" name="fb_sex" id="fb_sex_2" value="2" />不清楚</label>
              <p class="help-block">
		
	      </p>
          
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="fb_expectedate">宝宝预产期：</label>
            <div class="controls">

<div class="input-append date" id="fb_expectedate" data-date="">
  <input class="span2" size="16" type="text" value="" name="fb_expectedate" style="width:100px;">
  <span class="add-on"><i class="icon-th"></i></span>
</div>            
              <p class="help-block">

</p>
              </div>
              </div>
              
          <div class="control-group" id="borndate_group">
            <label class="control-label" for="fb_borndate">宝宝出生日期：</label>
            <div class="controls">
            
<div class="input-append date" id="fb_borndate" data-date="">
  <input class="span2" size="16" type="text" value="" name="fb_borndate" style="width:100px;">
  <span class="add-on"><i class="icon-th"></i></span>
</div>
              <p class="help-block">
<div class="alert alert-info">
(宝宝的生日一旦填写将不能随意修改，如有变更请发邮件到客服邮箱facesbaby@126.com申请，申请时请务必注明您的用户昵称、注册邮箱和宝宝的正确生日日期。)
</div>
	      </p>
            </div>
          </div>
</div><!--end fb_info_1--> 
<script type="text/javascript">
/*DPGLobal = {
	
dates:{
			days: ["天", "一", "二", "三", "四", "五", "六", "天"],
			daysShort: ["日", "一", "二", "三", "四", "五", "六", "日"],
			daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"],
			months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
			monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
		}
		};*/
$(function(){
	$('#fb_borndate').datepicker({
	format: 'yyyy-mm-dd'	
	}).on('changeDate',function(ev){
		$('#fb_borndate').datepicker('hide');
	});
	
	$('#fb_expectedate').datepicker({
	format: 'yyyy-mm-dd'	
	}).on('changeDate',function(ev){
		$('#fb_expectedate').datepicker('hide');
	});
});
</script>

</div><!--end fb_info_wrap-->       
          
          <div class="form-actions">
          <input type="hidden" name="next" value="3">
            <button type="submit" class="btn btn-green">确定添加</button>
            
          </div>
          





 
          
</fieldset>       


    </div>
    
   
    </form>
</div>

            
          </div><!--end well-->
         
        </div><!--/span-->
      </div><!--/row-->
      
      </div>




</body>
</html>